<template>
	<view class="all">
	  <!-- <view class="title">
	  	  <view class="fh"><img src="static/images/返回.png" alt=""></view>
	  	  <view class="bjsex">编辑生日</view>
	  </view> -->
	  
	  <view class="birthday">
	  	<view class="birthday1">生日信息</view>
	  	<view class="birthday2">2003-03-28</view>
	  </view>
	  
	  <view class="sfzs">是否在个人页展示</view>
	  
	  <view class="xz">
	  		<radio-group name="radio">
	  		  <label class="old">
	  		    <text>年龄</text><radio class="a" value="radio1" />
	  		  </label>
	  		  
	  		  <label class="constellation">
	  			<text>星座</text><radio class="b" value="radio2" />
	  		  </label>
	  		</radio-group>
	  </view>
	  
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.all{
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  background-color: rgb(245,245,245);
    }

view{
		vertical-align: middle;
	}

// 标题
.title{
	    width: 100%;
		height: 60rpx;
		// background-color: greenyellow;
		.fh{
			 width: 20%;
			 height: 50rpx;
			 // background-color: red;
			 display: inline-block;
			 img{
				  width: 50rpx;
				  height: 40rpx;
				  padding-top: 5rpx;
				  padding-left: 23rpx;
			    }
		   }
		.bjsex{
			   width: 56%;
			   height: 60rpx;
			   // background-color: red;
			   margin-left: 20rpx;
			   display: inline-block;
			   text-align: center;
			   line-height: 60rpx;
			   font-size: 32rpx;
		     }
      }

// 选择生日	  
.birthday{
	    width: 90%;
		height: 100rpx;
		background-color: white;
		margin: 0 auto;
		font-size: 35rpx;
		margin-top: 50rpx;
		line-height: 100rpx;
		border-radius: 25rpx;
		// background-image: url('../../static/images/返回右.png');
		background-size: 40rpx;
		background-repeat: no-repeat;
		background-position: 620rpx 35rpx;
		.birthday1{
			    width: 30%;
			    height: 100rpx;
			    // background-color: red;
				display: inline-block;
				text-align: center;
				color: rgb(106,106,106);
		      }
		.birthday2{
			    width: 50%;
			    height: 100rpx;
			    // background-color: red;
				display: inline-block;
				text-align: right;
				padding-right: 50rpx;
				margin-left: 70rpx;
		      }
     }

// 是否在个人页展示
.sfzs{
	   width: 100%;
	   height: 50rpx;
	   // background-color: red;
	   margin-left: 50rpx;
	   color: rgb(150,150,150);
	   line-height: 50rpx;
	   font-size: 25rpx;
	   margin-top: 40rpx;
     }	
// 展示框
.xz{
	   width: 90%;
	   height: 160rpx;
	   margin: 0 auto;
	   border-radius: 25rpx;
	   background-color: white;
	   margin-top: 10rpx;
	   border: 1px solid white;
        .old{
		      width: 90%;
		      height: 80rpx;
			  // background-color: greenyellow;
			  display: block;
			  margin: 0 auto;
			  line-height: 80rpx;
			  border-bottom: 1px solid rgb(150,150,150);
			  font-size: 30rpx;
			  .a{
				    width: 10%;
				    height: 80rpx;
				    float: right;
					// background-color: red;
			    }
	       }
	    .constellation{
	    		width: 90%;
	    		height: 80rpx;
	    		// background-color: greenyellow;
	    		display: block;
				margin: 0 auto;
				line-height: 80rpx;
				font-size: 30rpx;
				.b{
					width: 10%;
					height: 80rpx;
					float: right;
					// background-color: red;
				  }
	        }
    }
</style>
